<?php use_stylesheets_for_form($form) ?>
<?php use_javascripts_for_form($form) ?>

<style>
    
   .menu-int-content{
    padding: 1px;
    border: solid 1px #b7b7b7;
    min-height: 30px;
}
.formClear{
    clear: both;
    margin-bottom: 10px;
}
.menu-int-content label{
    font-size: 12px;
    color: #333;
    margin-left: 5px;
    
}

.borderCornersBottom{
        
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        
        border-bottom-left-radius: 5px; 
        border-bottom-right-radius: 5px;
}
.menu-int-content{
    padding: 1px;
    border: solid 1px #b7b7b7;
    min-height: 30px;
}
.formClear{
    clear: both;
    margin-bottom: 10px;
}
.menu-int-content label{
    font-size: 12px;
    color: #333;
    margin-left: 5px;
    
}

img{
    border:0px;
}
.error_list{
        list-style: none;
        margin: 5px;
        background-color: #fbd3b1;
        border: 1px solid #f5c69a;
	color: #ce2700;
        font-size: 10px;
	font-weight: bold;
	padding: 5px;
        vertical-align: middle;
        float: left;
        
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
}
.checkbox_list{
    list-style: none;
}
#registro-conectar{
  
  width: 500px;
  height: 500px;
 
  position: absolute;
  top: 50%;
  left: 50%;
  
  margin-top: -100px;   /* height/2 = 500px / 2 */
  margin-left: -220px;  /* width/2 = 500px / 2 */
        
}
#ingresoUsuario{
        width: 350px;
        color: #fff;
        text-decoration: none;
        font-size: 10px;
        font-weight: normal;
        text-transform: uppercase;
        text-align: left;
}
#ingresoUsuario input,form input, form select{
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
    
	/*para navegadores basados en webkit*/
	-webkit-border-top-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	
	/*para navegadores basados en mozilla*/
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-topright:5px;
	-moz-border-radius-topleft:5px
	    
}
#ingresoUsuario table{
    border-collapse: collapse;
}
#ingresoUsuario table td{
    padding: 5px;
    vertical-align: middle;
}
#ingresoUsuario label{
    padding-right: 20px;
}

#ingresoBoton{
    float: right;
    
}

#menuButton{
   position: fixed;
   right: 60px;
   top:0px;
   background: #fff;
}
#menuButton p{
    float:left;
    font-size: 12px;
    margin-left: 10px;
}
.button {
	
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 2px 1px 2px #ccc;
	-moz-box-shadow: 2px 1px 2px #ccc;
	box-shadow: 2px 1px 2px #ccc;
        margin-left: 5px;
        padding: 10px 20px 10px 20px;
        font-size: 12px;
        font-weight: bold;
}

.butttonEnviar{
        
        color: #d9eef7;
	border: solid 1px #6e6e6e;
	background: url(/images/form/checkmark_icon&24.png) no-repeat center #6e6e6e;


}
.butttonEnviar:hover{
    background: url(/images/form/checkmark_icon&24.png) no-repeat center #333;
    border: solid 1px #333;
}
.butttonNuevo{
        
        color: #d9eef7;
	border: solid 1px #6e6e6e;
	background: url(/images/form/plus_icon&24.png) no-repeat center #6e6e6e;


}
.butttonNuevo:hover{
    background: url(/images/form/plus_icon&24.png) no-repeat center #333;
    border: solid 1px #333;
}

.butttonRegresar{        
        color: #d9eef7;
	border: solid 1px #6e6e6e;
	background: url(/images/form/redo_icon&24.png) no-repeat center #6e6e6e;
}
.butttonRegresar:hover{
    background: url(/images/form/redo_icon&24.png) no-repeat center #333;
    border: solid 1px #333;
}
.butttonVista{        
        color: #d9eef7;
	border: solid 1px #6e6e6e;
	background: url(/images/form/eye_icon&24.png) no-repeat center #6e6e6e;
}
.butttonVista:hover{
    background: url(/images/form/eye_icon&24.png) no-repeat center #333;
    border: solid 1px #333;
}
.butttonModificar{        
        color: #d9eef7;
	border: solid 1px #6e6e6e;
	background: url(/images/form/cog_icon.png) no-repeat center #6e6e6e;
}
.butttonModificar:hover{
    background: url(/images/form/cog_icon.png) no-repeat center #333;
    border: solid 1px #333;
}
.butttonEliminar{        
        color: #d9eef7;
	border: solid 1px #6e6e6e;
	background: url(/images/form/delete_icon&24.png) no-repeat center #6e6e6e;
}
.butttonEliminar:hover{
    background: url(/images/form/delete_icon&24.png) no-repeat center #333;
    border: solid 1px #333;
}


.menu-int{
    
    width: auto;
    padding: 1px;
    margin: 20px;
    font-size: 10px;
    
    
}
.menu-int-li{ 
    list-style: none;
    padding: 10px;
    font-weight: bold;
/*    text-transform: uppercase;*/
    font-size: 12px;
    
}
.menu-int-content{
    padding: 20px;
    border: solid 1px #b7b7b7;
    min-height: 30px;
}
.formClear{
    clear: both;
    margin-bottom: 10px;
}
.menu-int-content label{
    font-size: 12px;
    color: #333;
    margin-left: 5px;
    
}

.backgroundWhite{
       
        color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
        
}

.borderCornersTop{
   
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        
        border-top-left-radius: 5px; 
        border-top-right-radius: 5px;
        
}
.borderCornersBottom{
        
        -webkit-border-bottom-left-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        
        -moz-border-radius-bottomleft: 5px;
        -moz-border-radius-bottomright: 5px;
        
        border-bottom-left-radius: 5px; 
        border-bottom-right-radius: 5px;
}

/*-Defaults Ingreso al sistema ---------------------------------------------*/
#ingresoSistema{
    width: 400px;
    height: 500px;

    position: absolute;
    top: 45%;
    left: 50%;
  
    margin-top: -100px;   /* height/2 = 500px / 2 */
    margin-left: -220px;  /* width/2 = 500px / 2 */
}
.ingresoSistema{
    background: #fff;
    width: 390px;
    text-decoration: none;
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
    text-align: left;
    padding:  5px 25px 5px 5px;
    
   box-shadow: 2px 2px 0 #ccc;
   -webkit-box-shadow: 2px 2px 0 #ccc;
   -moz-box-shadow: 2px 2px 0 #ccc;
}/*Formulario de Ingreso*/
    .ingresoSistema img{
    border-right: 1px solid #ccc;
    margin-right: 5px;
    }
    .ingresoSistema h1{
    font-size: 33px;
    color:#566262;
    float: left;
    margin-left: 20px;
    }
    .ingresoSistema label{
    font-size: 11px;
    color:#566262;
    }
    .ingresoSistema input{
    font-size: 15px;
    padding: 5px;
    border: solid 1px #b7b7b7;
    background: #ededed;
        -moz-border-radius: 5px; /* Firefox*/
        -ms-border-radius: 5px; /* IE 8.*/
        -webkit-border-radius: 5px; /* Safari,Chrome.*/
        border-radius: 5px; /* El estándar.*/
    margin-left: 20px;
    }
    .ingresoSistema input[type=submit]{
        float: right;
        margin-top: 10px;
        padding: 5px 10px 5px 10px;
        color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
        cursor: pointer;
    }
    .ingresoSistema input[type=submit]:hover{
        background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
    }
    
    
    .buttonEliminar{
        background: url(/images/listar/delete_icon.png) no-repeat center;
        border-left: 1px solid #ccc; padding-left: 5px;
        padding: 1px 16px 1px 7px;
        float: left;
        
    }
    
.jwj_productoContent{ width: 230px; border: 1px solid #ccc;  vertical-align: top; }
#jwj_productoImagen{ height: 195px; margin-top: 5px; margin-left: 15px;}
#jwj_productoOpciones{ height: 25px; margin-left: 10px;}
.jwj_productoDifusion{
    vertical-align: top;
}.jwj_productoDifusion img{
    margin-top: 5px; 
    margin-bottom: 5px;
    cursor: pointer;
    filter: alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;
}



.jwj_productoDifusion img:hover{
    filter: alpha(opacity=100);-moz-opacity:1;opacity:1;
}

.respuestaOn{
    padding: 4px;
    border: 1px solid #ccc;
    
      border: 1px solid #ccebac;
        background-color: #e0f2cb ;
        color: #719c27;
        font-weight: bold;
        -moz-border-radius: 5px; /* Firefox*/
        -ms-border-radius: 5px; /* IE 8.*/
        -webkit-border-radius: 5px; /* Safari,Chrome.*/
        border-radius: 5px; /* El estándar.*/
        
}
.respuestaOff{
    padding: 4px;
    border: 1px solid #ccc;
    background: #ededed;
        -moz-border-radius: 5px; /* Firefox*/
        -ms-border-radius: 5px; /* IE 8.*/
        -webkit-border-radius: 5px; /* Safari,Chrome.*/
        border-radius: 5px; /* El estándar.*/
}



.jwj_producto_Linkverde {margin: 10px 0px 10px 0px;}
.jwj_producto_Linkverde a{color: #5d8a15;}
.jwj_producto_Linkverde a:hover{text-decoration: underline;}
.jwj_producto_Precio {color: #396f00; margin: 10px 0px 20px 0px; font-weight: bold; font-size: 15px;}
.jwj_producto_Mancheta {color: #5c5c5c; font-size: 10px;}
#jwj_producto_choice_comp{background:url(/images/frontend/producto/IconoCarrito.png) 5px 0px no-repeat;}
#carrito_titulo{ font-size: 14px; margin-left: 30px; text-align: left; margin-bottom: 10px;}
#carrito_cantidad{text-align: right; font-size: 9px; margin-right: 10px;}
#carrito_total{text-align: right; font-size: 11px; margin: 0px 10px 5px 0px;}
#carrito_ver{ text-align: center;font-size: 8px;margin: 5px 30px 10px 30px;background: #ffffff;padding: 3px;-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;}

.jwj_producto_Linkblanco{ text-align: right; list-style: none; padding: 0px;}
.jwj_producto_Linkblanco button{ color: #5c5c5c; border: none; background: none; cursor: pointer; font-size: 9px;}
.jwj_producto_Linkblanco button:hover{ border-bottom: 1px solid #ccc;}

#jwj_difusion{padding: 5px; float: left;}
#jwj_productoShowImagen{float: left; width: 360px; margin-left: 5px;}
#jwj_productoShowDetalle{float: left; margin-top: 20px; width: 350px;}
#tabs{margin: 5px 5px 5px 5px;}

/* Footer ================================================================================ */
.footer{
	margin:5px 30px 5px 30px;
	font-size:10px;
	padding: 5px 10px 10px 10px;
	color:#555;
	border-top: 1px dashed #ccc;
        
        bottom: 0px;
        width: 87%;
	}
.footer_int {
        font-size:10px;
	text-align:center;
	margin-bottom:10px;
    
}.footer_int a{
        border-right: 1px solid #000;
        padding-right: 5px;
}
.footer ul{float:left; padding:10px 10px 10px 20px; }
.footer ul li{display:inline; padding-right:18px; }
.footer ul li a{color:#908F8F; text-decoration:none;}
.footer ul li a:hover{text-decoration:underline;}
.footer .copy{padding:0px 0 13px; color:#143D69; text-align:right; margin-top: 10px;}

</style>

<form action="<?php echo url_for('productoNew/'.($form->getObject()->isNew() ? 'create' : 'update').(!$form->getObject()->isNew() ? '?id='.$form->getObject()->getId() : '')) ?>" method="post" <?php $form->isMultipart() and print 'enctype="multipart/form-data" ' ?>>
<input type="hidden" name="tipo_id" value="<?php echo $tipo; ?>" />
    <?php 
            if(($form['tipo_id']->getValue()==1)||($tipo==1)){
                
                $tipo = "producto";
            }else{
                
                $tipo = "servicio";
            }
            
            
    
    ?>
    
    
<?php if (!$form->getObject()->isNew()): ?>
<input type="hidden" name="sf_method" value="put" />
<?php endif; ?>

<?php echo $form->renderGlobalErrors() ?>
<?php echo $form->renderHiddenFields(false); ?>





<div class="clear"></div>
    
 <div class="menu-int">
     <font class="menu-int-li borderCornersTop backgroundWhite">Informacion <?php echo ucwords($tipo); ?></font>
    <div class="menu-int-content borderCornersBottom">
        <table style="padding: 20px;" border="0" >
          <tr>
            <td valign="top" width="40%">
                
                
                <div <?php if($tipo=="servicio"){ ?> style="display: none;"<?php }?>>
                
                <div class="formClear"></div>
                <?php echo $form['marca_id']->renderLabel() ?>:
                <div class="formClear"></div>
                <?php echo $form['marca_id'] ?>
                <p style="margin-left: 10px;">
                Permite elegir la marca a las cuales <br>
                pertenece el <?php echo ucwords($tipo); ?>.
                </p>
                <?php echo $form['marca_id']->renderError() ?>
                
                </div>
                
                
                <?php echo $form['nombre']->renderLabel() ?>:
                <div class="formClear"></div>
                <?php echo $form['nombre'] ?>
                <div class="formClear"></div>
                <p>
                Aqui se debe colocar el nombre que va ha <br>
                tener por referencia al <?php echo ucwords($tipo); ?>
                </p>
                <?php echo $form['nombre']->renderError() ?>
             
                
                
                
                 <div class="formClear"></div>
                
                
                
            </td>
               <td width="10%">
                
                 <?php echo $form['negocio_list']->renderLabel() ?>:
                <div class="formClear"></div>
                <?php echo $form['negocio_list'] ?>
                <p style="margin-left: 10px;">
                Permite elegir a cuales negocios <br>
                pertenece el <?php echo ucwords($tipo); ?>
                </p>
                <?php echo $form['negocio_list']->renderError() ?>
                
                
                <div class="formClear"></div>
                
                
                
                <?php echo $form['categoria_list']->renderLabel() ?>:
                <div class="formClear"></div>
                <?php echo $form['categoria_list'] ?>
                <p style="margin-left: 10px;">
                Permite elegir a cuales negocios <br>
                pertenece el <?php echo ucwords($tipo); ?>
                </p>
                <?php echo $form['categoria_list']->renderError() ?>
                
                
                         
                
                <div class="formClear"></div>
                <?php echo $form['producto_status_list']->renderLabel() ?>:
                <div class="formClear"></div>
                <?php echo $form['producto_status_list'] ?>
                <p style="margin-left: 10px;">
                Permite modificar el estatus de la Categoría, 
                permite que sea visible o no a sus clientes,  <br>
                o de relacionarlo en donde sea que sus clientes 
                observen el <?php echo ucwords($tipo); ?> dependiendo de ciertas condiciones <br>
                </p>
                <?php echo $form['producto_status_list']->renderError() ?>
             
                </td>
          </tr>

       
        </table>
    <div class="clear"></div>
    </div>
    
</div> 


<div class="clear"></div>
    
 <div class="menu-int">
    <font class="menu-int-li borderCornersTop backgroundWhite">Presentaciones del <?php echo ucwords($tipo); ?></font>
    <div class="menu-int-content borderCornersBottom">
        
          
        <div class="formClear"></div>
                <button id="add_precios" type="button"><?php echo "Añadir Precio al "?><?php echo ucwords($tipo); ?></button>
                <p style="margin-left: 0px;">
                Esta Opción permite crear una lista de precios adicionales a tu <?php echo ucwords($tipo); ?> como lo puede ser:
            
                </p>
                <div class="formClear"></div>
                <div id="extraprecios">
                    <table border="0" style="font-size: 14px; text-align: center;">
                        <tr style="border-bottom: 1px solid #ccc;">
                            <td width="50px" >Interno</td>
                            <td width="150px" >Codigo</td>
                            <?php if($tipo=="servicio"){ ?>
                            <td width="150px" >Tamaño Mascota</td>
                            <?php }else{?>
                            <td width="150px">Presentacion</td>
                            <?php }?>
                            <td width="150px" style="padding-bottom: 5px;">Precio</td>
                            <td width="150px">Costo Puntos</td>
                            <td width="150px">Puntos de Regalo</td>
                            <td width="50px">Impuesto</td>
                            <td width="50px"></td>
                            <td width="50px"></td>
                        </tr>
                    
                    </table>
                    <?php for($i=0;$i<count($form['precios']);$i++){ ?>
                    <div id="precios<?php echo $i ?>"> 
                        <table border="0"  style="font-size: 14px; text-align: center;">
                        <tr style="border-bottom: 1px solid #ccc;">
                            <td width="50px"><?php echo $form['precios'][$i]['id']->getValue(); ?></td>
                            <td width="150px"><?php echo $form['precios'][$i]['codigo']; ?></td>
                            <?php if($tipo=="servicio"){ ?>
                            <td width="150px"><?php echo $form['precios'][$i]['tamano_id']; ?></td>
                            <?php }else{?>
                            <td width="150px"><?php echo $form['precios'][$i]['presentacion']; ?></td>
                            <?php }?>
                            <td width="150px" style="padding-bottom: 5px;padding-top: 5px"><?php echo $form['precios'][$i]['precio']; ?></td>
                            <td width="150px"><?php echo $form['precios'][$i]['puntos_costo']; ?></td>
                            <td width="150px"><?php echo $form['precios'][$i]['puntos_regalo']; ?></td>
                            <td width="50px"><?php echo $form['precios'][$i]['is_impuesto']; ?></td>
                            <td width="50px" align="center">
                                <?php if($i>0){?>
                                <button id="dele_precios<?php echo $i ?>" type="button"><?php echo "Quitar"?></button></td>
                                    <script type="text/javascript">
                                        $('#dele_precios<?php echo $i ?>').click(function() {

                                            $("#precios<?php echo $i ?>").remove();

                                        });
                                        </script>
                                <?php }?>
                            <td width="50px">
                                <?php echo $form['precios'][$i]->renderError(); ?>
                            
                            <div style="visibility: hidden; position: absolute;">
                                <?php echo $form['precios'][$i]['precio_etiqueta_id']; ?>
                            </div>
                            
                            </td>
                        </tr>
                      
                        </table>
                        
                    </div>

                    
                    <?php } ?>
                    
                </div>
        
    </div>
    </div>



<div class="clear"></div>
    
 <div class="menu-int">
    <font class="menu-int-li borderCornersTop backgroundWhite">Descripción del <?php echo ucwords($tipo); ?></font>
    <div class="menu-int-content borderCornersBottom">
        <table style="padding: 20px;" border="0" width="97%">
        <tr>
              <td style="padding: 50px 0px 50px 20px;">
                <?php echo $form['mancheta']->renderLabel() ?>:
                <div class="formClear"></div>
                <?php echo $form['mancheta'] ?>
                 <p style="margin-left: 10px;">
                 Aqui debe colocar un descripcion no mayor a 255 caracteres que indique<br>
                a detalle a el <?php echo ucwords($tipo); ?>.
                </p>
                <?php echo $form['mancheta']->renderError() ?>
                <div class="formClear"></div>
                <?php echo $form['contenido']->renderLabel() ?>:
                <div class="formClear"></div>
                <?php echo $form['contenido'] ?>
                 <p style="margin-left: 10px;">
                 Aqui puede colocar la definición detallada de su <?php echo ucwords($tipo); ?>, sin limite <br>
                 de caracteres. 
                </p>
                <?php echo $form['contenido']->renderError() ?>
            </td>
          </tr>
        </table>
    <div class="clear"></div>
    </div>

    <input style="margin-top: 20px" type="submit" value="Guardar el <?php echo ucwords($tipo); ?>" class="button butttonEnviar"/>
    
    
    <li class="sf_admin_action_new" style="float:right;">
        <?php if($tipo=="servicio"){ ?>
                            <a href="<?php echo url_for('productoNew/indexServicio') ?>" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" role="button"><span class="ui-button-icon-primary ui-icon ui-icon-plus"></span><span class="ui-button-text">Regresar Lista</span></a>
                            <?php }else{?>
                            <a href="<?php echo url_for('productoNew/indexProducto') ?>" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" role="button"><span class="ui-button-icon-primary ui-icon ui-icon-plus"></span><span class="ui-button-text">Regresar Lista</span></a>
                            <?php }?>
        
        <a href="<?php echo url_for('productoNew/new') ?>" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" role="button"><span class="ui-button-icon-primary ui-icon ui-icon-plus"></span><span class="ui-button-text">Nuevo Servicio</span></a>

        <a href="<?php echo url_for('productoNew/index') ?>" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-primary" role="button"><span class="ui-button-icon-primary ui-icon ui-icon-plus"></span><span class="ui-button-text">Nuevo Producto</span></a></li>


</div> 
<div class="clear"></div>





</form>
<script type="text/javascript">
   


var prec = <?php print_r($form['precios']->count())?>;



function addPre(num) {
  var r = $.ajax({
    type: 'GET',
    url: '<?php echo url_for('productoNew/addPreForm')?>'+'<?php echo   ($form->getObject()->isNew()?'':'?id='.$form->getObject()->getId()).($form->getObject()->isNew()?'?num=':'&num=')?>'+num+'&tipo=<?php echo $tipo; ?>',
    async: false
  }).responseText;
  return r;
}



  $('button#add_precios').click(function() {
    $("#extraprecios").append(addPre(prec));
    prec = prec + 1;
  });



$("#producto_negocio_list option[value=<?php echo $negocioId; ?>]").attr("selected",true);
$("#producto_categoria_list option[value=<?php echo $categoriaId; ?>]").attr("selected",true);





</script>
